/*  安全距离 */
.inset-bottom {
	padding-bottom: constant(safe-area-inset-bottom) !important;
	padding-bottom: env(safe-area-inset-bottom) !important;
}

.inset-bottom-height {
	width: 100%;
	height: constant(safe-area-inset-bottom) !important;
	height: env(safe-area-inset-bottom) !important;
}

/* @font-face {
	font-family: 'Ping Fang';
	src: url('https://linghuo-app.oss-cn-chengdu.aliyuncs.com/app-img/font/48FA5D311E6F4BF297B315E360E8F411.otf');
} */

/* text,
view,
button,
input,
textarea {
	font-family: 'Ping Fang';
} */

image {
	display: block;
}

.opacity {
	opacity: 0;
}

.opacity1 {
	opacity: 1;
}

/*  基础公用 */
.color {
	color: #FF0000 !important;
}

.background {
	background: #FF0000 !important;
}

.border {
	border: 1px solid #FF0000!important;
}
.backgrounds {
	background: #FFE6E6 !important;
}
/*  颜色部分 */
.color0 {
	color: #000000;
}

.color3 {
	color: #333333!important;
}
.color2 {
	color: #222222;
}
.color-4 {
	color: #444444;
}
.color-5 {
	color: #555555;
}
.color6 {
	color: #666666;
}

.color9 {
	color: #999999;
}

.color-8 {
	color: #888888;
}

.color-6 {
	color: #666666;
}

.color-9e {
	color: #9E9E9E;
}

.color-f {
	color: #ffffff !important;
}

.color-b8 {
	color: #B8B8B8;
}

.f5-background {
	background: #f5f5f5;
}

.f-background {
	background: #ffffff !important;
}

/* 阴影 */
/* .shadow {
	box-shadow: 0 5rpx 5rpx 0 rgba(255, 7, 0, 0.1);
} */

/* 删除线 */
.line-through {
	text-decoration: line-through;
}

/*  width */
.width100 {
	width: 100% !important;
}

.width-height100 {
	width: 100%;
	height: 100%;
}

.height100 {
	height: 100%;
}

/*  padding */
.padding {
	padding: 0 24rpx;
}

.padding20 {
	padding: 20rpx 0;
}
.padding-topbio24 {
	padding: 24rpx 0;
	box-sizing: border-box;
}
.padding24 {
	padding: 24rpx;
	box-sizing: border-box;
	border-radius: 8rpx;
}

.padding-left-24 {
	padding-left: 24rpx;
}

.padding2824 {
	padding: 24rpx 28rpx;
	box-sizing: border-box;
	border-radius: 8rpx;
}

.box-sizing {
	box-sizing: border-box;
}

/*  边框 */
/* .border-bottom {
	border-bottom: 1px solid #f6f6f6;
} */
.border-top {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.border-bottom {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.border-20 {
	border-bottom: 10px solid #f6f6f6;
}

/*  圆角 */
.overflow {
	overflow: hidden;
}

.radius12 {
	border-radius: 12rpx;
	overflow: hidden;
}

.radius26 {
	border-radius: 26rpx;
	overflow: hidden;
}
.radius24 {
	border-radius: 24rpx;
	overflow: hidden;
}

.radius100 {
	border-radius: 100rpx;
	overflow: hidden;
}

/*  margin */
.margin-bottom-16 {
	margin-bottom: 16rpx;
}
.margin-bottom-20{
	margin-bottom: 20rpx;
}

.margin-bottom-12 {
	margin-bottom: 12rpx;
}

.margin-right-12 {
	margin-right: 12rpx;
}

.margin-left-12 {
	margin-left: 12rpx;
}

.margin-right-12 {
	margin-right: 12rpx;
}

.margin-left-24 {
	margin-left: 24rpx;
}

.margin-bottom-24 {
	margin-bottom: 24rpx;
}

.margin-left-20 {
	margin-left: 20rpx;
}

.margin-top-12 {
	margin-top: 12rpx;
}
.margin-top-20{
	margin-top: 20rpx;
}
/*  字体部分 */
.font-weight {
	font-weight: bold;
}

.font-weight-400 {
	font-weight: 400;
}

.font-weight-500 {
	font-weight: 500;
}

.font-weight-600 {
	font-weight: bold;
}

.text-align {
	text-align: center;
}

.text-align-right {
	text-align: right;
}

.size-16 {
	font-size: 16rpx !important;
}

.size-18 {
	font-size: 18rpx !important;
}

.size-20 {
	font-size: 20rpx !important;
}

.size-22 {
	font-size: 22rpx !important;
}

.size-24 {
	font-size: 24rpx !important;
	line-height: 24rpx;
}

.size-26 {
	font-size: 26rpx !important;
	line-height: 26rpx;
}

.size-28 {
	font-size: 28rpx !important;
	/* line-height: 28rpx; */
}

.size-30 {
	font-size: 30rpx !important;
	line-height: 30rpx;
}

.size-32 {
	font-size: 32rpx !important;
	line-height: 32rpx;
}

.size-34 {
	font-size: 34rpx !important;
	line-height: 34rpx;
}

.size-36 {
	font-size: 36rpx !important;
	line-height: 36rpx;
}

.size-38 {
	font-size: 38rpx !important;
	line-height: 38rpx;
}

.size-40 {
	font-size: 40rpx !important;
	line-height: 40rpx;
}

.size-42 {
	font-size: 42rpx !important;
	line-height: 42rpx;
}

.size-44 {
	font-size: 44rpx !important;
	line-height: 44rpx;
}

.size-46 {
	font-size: 46rpx !important;
	line-height: 46rpx;
}

.size-48 {
	font-size: 48rpx !important;
	line-height: 48rpx;
}

.size-50 {
	font-size: 50rpx !important;
	line-height: 50rpx;
}
.size-52 {
	font-size: 52rpx !important;
	line-height: 52rpx;
}
.size-60 {
	font-size: 60rpx !important;
	line-height: 60rpx;
}

.size-70 {
	font-size: 70rpx !important;
}

/*  布局 */
.flex {
	display: flex;
}

.dis {
	display: flex;
	align-items: center;
	justify-content: center;
}

.dis-ali {
	display: flex;
	align-items: center;
}

.flex-end {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.dis-jus {
	display: flex;
	justify-content: center;
}

.dis-end {
	display: flex;
	justify-content: flex-end;
}

.dis-cen {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.between {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.between-ali {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
}

.block {
	display: inline-block;
}

/* 内边距融合 */
.siz {
	box-sizing: border-box;
}

/*  定位 */
.por {
	position: relative;
}

.poa {
	position: absolute;
}

.poalt {
	position: absolute;
	top: 0;
	left: 0;
}

.poart {
	position: absolute;
	top: 0;
	right: 0;
}

.pof {
	position: fixed;
}

.poflb {
	position: fixed;
	left: 0;
	bottom: 0;
}

.pos {
	position: sticky;
}

.app-left {
	left: 0;
}

.app-right {
	right: 0;
}

.app-bottom {
	bottom: 0;
}

.app-top {
	top: 0;
}

.app-bottom-left {
	bottom: 0;
	left: 0;
}

/* 图片去掉空白 */
.visibility {
	visibility: hidden
}

/*  省略号 */
.box {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.box2 {
	overflow: hidden;
	/* 溢出时不显示溢出的内容 */
	text-overflow: ellipsis;
	/* 发生溢出时使用省略号代替 */
	display: -webkit-box;
	/* chrome浏览器的私有属性。显示为box。 */
	-webkit-box-orient: vertical;
	/* 垂直排列元素 */
	-webkit-line-clamp: 2;
	/* 显示多少行 */
}
/* 禁止滑动 */
.DoNotSlide{
	width: 100%;
	height: 100vh;
	overflow-y: scroll; 
	overscroll-behavior: none; 
	box-sizing: border-box;
}
/* 主题 */
.price-font {
	/* font-family: 'DIN Alternate'; */
}

/* 骨架 */
.skeleton-style {
	position: fixed;
	width: 100%;
	height: 101vh;
	bottom: 0;
	left: 0;
	padding: 16rpx;
	box-sizing: border-box;
	z-index: 99;
	background: #f6f6f6;
}